<div>
    <div class="row">
        <div class="col-md-2 padding-r-0">
            <vc:create path="shop/adminCommunity"></vc:create>
        </div>
        <div class="col-md-10">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="查询条件"></vc:i18n>
                    </h5>
                    <div class="ibox-tools" style="top:10px;">

                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <select class="custom-select" v-model="communityRecommendInfo.conditions.recommendType">
                                    <option selected  value="">
                                        {{vc.i18n('请选择推荐类型','communityRecommend')}}
                                    </option>
                                    <option value="GOODS">{{vc.i18n('商品','communityRecommend')}}</option>
                                    <option value="SERV">{{vc.i18n('家政服务','communityRecommend')}}</option>
                                    <option value="OUT">{{vc.i18n('站外','communityRecommend')}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-1">
                            <button type="button" class="btn btn-primary btn-sm"
                                v-on:click="_queryCommunityRecommendMethod()">
                                <vc:i18n name="查询"></vc:i18n>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ibox">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="小区推荐" namespace="communityRecommend"></vc:i18n>
                    </h5>
                    <div class="ibox-tools" style="top:10px;" v-if="communityRecommendInfo.conditions.communityId">
                        <button type="button" class="btn btn-primary btn-sm" @click="_openAddShopRecommend()">
                            <vc:i18n name="关联商品" namespace="communityRecommend"></vc:i18n>
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" @click="_openAddServRecommend()">
                            <vc:i18n name="关联服务" namespace="communityRecommend"></vc:i18n>
                        </button>
                        <button type="button" class="btn btn-primary btn-sm" @click="_openAddCommunityRecommendModal()">
                            <vc:i18n name="关联站外" namespace="communityRecommend"></vc:i18n>
                        </button>
                    </div>
                </div>
                <div class="ibox-content">

                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                            <tr>
                                <th class="text-center">
                                    <vc:i18n name='logo' namespace='communityRecommend'></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name='小区名称' namespace='communityRecommend'></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name='店铺名称' namespace='communityRecommend'></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name='推荐类型' namespace='communityRecommend'></vc:i18n>
                                </th>

                                <th class="text-center">
                                    <vc:i18n name='名称' namespace='communityRecommend'></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name='价格' namespace='communityRecommend'></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name='创建时间' namespace='communityRecommend'></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name='操作'></vc:i18n>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="recommend in communityRecommendInfo.recommends">
                                <td class="text-center">
                                    <img style="width: 60px; height: 60px; border-radius: 5px;"
                                        v-bind:src="recommend.logo"></img>
                                </td>
                                <td class="text-center">{{recommend.communityName}}</td>
                                <td class="text-center">{{recommend.shopName}}</td>
                                <td class="text-center">{{recommend.recommendTypeName}}</td>
                                <td class="text-center">{{recommend.prodName}}</td>
                                <td class="text-center">{{recommend.price}}</td>
                                <td class="text-center">{{recommend.createTime}}</td>

                                <td class="text-center">
                                    <div class="btn-group">
                                        <button class="btn-white btn btn-xs"
                                            v-on:click="_openEditCommunityRecommendModel(recommend)">
                                            <vc:i18n name='修改'></vc:i18n>
                                        </button>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn-white btn btn-xs"
                                            v-on:click="_openDeleteCommunityRecommendModel(recommend)">
                                            <vc:i18n name='删除'></vc:i18n>
                                        </button>
                                    </div>
                                </td>

                            </tr>
                        </tbody>
                    </table>
                    <!-- 分页 -->
                    <vc:create path="frame/pagination"></vc:create>
                </div>
            </div>
        </div>
    </div>



    <vc:create path="phone/addCommunityRecommend"></vc:create>
    <vc:create path="phone/editCommunityRecommend"></vc:create>
    <vc:create path="phone/deleteCommunityRecommend"></vc:create>
    <vc:create path="phone/addShopRecommend"></vc:create>
    <vc:create path="phone/addServRecommend"></vc:create>




</div>